<template>
  <div>
    御剑乘风来,除魔天地间!==myTag
    <div class="top" v-if="flag">
      <button @click="flag = !flag">+{{ text }}</button>
    </div>
    <div class="bottom" v-else>
      <input type="text" v-focus/>
    </div>
  </div>
</template>
<script>
export default {
  directives:{
focus:{
  inserted(el){
    el.focus()
  }
}
  },
  props: {
    text: String
  },
  name: '',
  data () {
    return {
      flag: true

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    change () {

    }
  }
}
</script>
<style lang='less'  scoped>
</style>
